// 提供一个能够显示xtx-message组件的函数
import { createVNode, render } from 'vue'
import XtxMessage from './xtx-message.vue'

const div = document.createElement('div')
div.setAttribute('class', 'xtx-message-container')
document.body.appendChild(div)

// 定时器
let timer = null

export default ({ type, title }) => {
    // 渲染组件
    const vnode = createVNode(XtxMessage, { type, title })

    render(vnode, div)
    clearTimeout(timer)
    timer = setTimeout(() => {
        render(null, div)
    }, 3000)
}